import "./index.less";
import React, { useState } from "react";
import { View } from "@tarojs/components";
import { Cell, Button } from "@nutui/nutui-react-taro";
import { ArrowRightSize6 } from "@nutui/icons-react-taro";

function Report() {
  return (
    <View className="report_wrap">
      <View className="calendar">
        <View className="calendar_btn">
          <View className="calendar_m">4月</View>
          <View className="calendar_year"> 2025</View>
        </View>
      </View>
      <Cell className="study">
        <View className="study_item">
          <View className="study_item_l">
            <img src={require("@/assets/ibook.png")} />
            <View>汉字</View>
          </View>
          <View className="study_item_r">
            已学习<View className="study_item_t">12</View>个
            <ArrowRightSize6 className="study_item_icon"></ArrowRightSize6>
          </View>
        </View>
        <View className="study_item">
          <View className="study_item_l">
            <img src={require("@/assets/ibook.png")} />
            <View>汉字</View>
          </View>
          <View className="study_item_r">
            已学习<View className="study_item_t">12</View>个
            <ArrowRightSize6 className="study_item_icon"></ArrowRightSize6>
          </View>
        </View>
      </Cell>
      <View className="study_share">分享到朋友圈</View>
    </View>
  );
}

export default Report;
